<!DOCTYPE HTML>
<html>
   <head>
   <meta charset="utf-8">
   <title>websocket通信客户端</title>
      <script type="text/javascript" src="/static/style/js/jquery1.42.min.js"></script>
      <script type="text/javascript" src="/static/style/js/jQuery.websocket.js"></script>
   </head>

   <body>
      <div id="sse">
         <a href="javascript:WebSocketTest()">运行 WebSocket</a>
		 <input type="text" value="admin:123456" id="inpws"/>
		 <a href="javascript:Setsocket()">测试</a>
		 
      </div>
      <div id="democes">

      </div>

   </body>
    <script type="text/javascript">
		
		var ws = null;
		$(function(){
			WebSocketTest("admin:123456");
		});
		
		function WebSocketTest(data){
			data = $("#inpws").val();
			if ("WebSocket" in window)
			{
			   // 打开一个 web socket
			   ws = new WebSocket("ws://127.0.0.1:5678");
			   // 连接建立后的回调函数
			   ws.onopen = function()
			   {
					///校验appkey
					ws.send(data);
					$("#democes").append("正在发送："+data+"</br>");
			   };
			   // 接收到服务器消息后的回调函数
			   ws.onmessage = function(evt)
			   {
				  var received_msg = evt.data;
				  console.log(evt);
				  if (received_msg.indexOf("sorry") == -1) {
					 $("#democes").append("收到消息："+received_msg + "</br>");
				  }
			   };
			   // 连接关闭后的回调函数
			   ws.onclose = function()
			   {
				  // 关闭 websocket
				  alert("连接已关闭...");
			   }; 
			   //=========启动一个websocket 
			 }
			else
			{
			   // 浏览器不支持 WebSocket
			   alert("您的浏览器不支持 WebSocket!");
			}
		}
	
		function Setsocket(){
			   // Web Socket 已连接上，使用 send() 方法发送数据
			var val = $("#inpws").val();
			ws.send(val);
			$("#democes").append("正在发送："+val + "</br>");
		}
		
		
		
      </script>
</html>
